<script type="text/javascript">
    _this.widgetLoad(function () {
        $("#GetPass button,#GetPass .btnNext").UI_AddClassHover("hover");
        $("#GetPass .btnNext").on("tap", function () {
            $("#GetPass .btnNext").off("tap");
            Infobar.load("user/index");
        });

        $("#GetPass button").on("tap", function () {
            var username = $("#GetPass_username").val();
            if ($.trim(username) === "") {
                Toast.show({id: "gv", text: "Vui lòng nhập số điện thoại đăng ký.", type: "warning", position: "bottom"});
            } else {
                Toast.progress({});
                $("input").blur();
                $.ajax({
                    url: _this.Base_Api + "forgot-pass",
                    data: {username: username},
                    timeout: 18000,
                    success: function (data) {

                        if (data == "200") {
                            $("input").blur();
                            Toast.progressNext({
                                type: "success",
                                turnoff: 1000
                            });

                            setTimeout(function () {
                                //Xử lý chuyển hướng
                                Toast.progressNext();
                                Infobar.load("user/login");
                                setTimeout(function () {
                                    $(".UI_BarBody").addClass("UI_BarBody_Active FadeIn");
                                }, 100);
                            }, 1000);
                        } else if (data == "404") {
                            Toast.progressNext({
                                type: "warning",
                                text: "Tài khoản không tồn tại.",
                                height: 104,
                                width: 130,
                                turnoff: 3500
                            });
                        } else {
                            Toast.progressNext({
                                type: "failure",
                                text: "Có lỗi xảy ra.",
                                height: 104,
                                width: 111,
                                turnoff: 3500
                            });
                        }
                    }, error: function (jqXHR, textStatus) {
                        if (textStatus == "timeout") {
                            Toast.progressNext({text: "<h6>Kết nối quá lâu.</h6><p>Vui lòng kiểm tra internet hoặc thử lại.</p>", type: "failure", height: 112, width: 190, turnoff: 3500});
                        } else {
                            Toast.progressNext({text: "Không có kết nối.", type: "failure", height: 98, width: 112, turnoff: 2000});
                        }
                    }
                });
            }
        });
    });
</script>
<div id="GetPass" class="UI_BarBody UI_BarBody_Active FadeIn">
    <div class="Form">
        <header>Lấy lại mật khẩu</header>
        <p class="input-text">
            <input id="GetPass_username"  placeholder="Số điện thoại" autocorrect="off" autocapitalize="off" />
        </p>
        <button>Nhận mật khẩu</button>
        <a class="btnNext"><i class="fa fa-reply"></i></a
    </div>
</div>